.container {
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;

  .allInterestBox {
    padding-left: 10rpx;
    padding-right: 10rpx;
    padding-top: 1vw;
    box-sizing: border-box;
  }

  .middleBox {
    width: 100%;
    height: 76.6vh;
    overflow: auto;
    /* 当内容超出时显示滚动条 */
    padding: 3rpx 20rpx 0;
    box-sizing: border-box;

    .select-bar {
      width: 100%;
      margin: 30rpx 0;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-start;

      .select-i {
        width: auto;
        height: 64rpx;
        background: #f6f6f6;
        border-radius: 10rpx 10rpx 10rpx 10rpx;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 24rpx;
        color: #313131;
        line-height: 64rpx;
        text-align: center;
        padding: 0 25rpx;
        box-sizing: border-box;
        margin: 10rpx;
      }

      .selected {
        background: #FFF0E6;
        color: #FF7828;
        border: none;
      }
    }
  }

  .allInterestFooter {
    width: 100%;
    height: auto;
    padding: 30rpx;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
}